*{
    margin:0;
    padding:0;
 }

/* 头部 */
 .header{
    background-color: #0D7792;
    height: 33px;
    text-align: center;
    padding-top: 17px;
 }

/* 中间内容 */
 .atricle{
    background-color: #eef;
    height: 300px;
    padding-left: 150px;
    padding-right:100px; 
 }

/* 左边 */
 .atricle .left{
    width: 148px;
    float: left;
    margin-left: -100%;
    position: relative;
    left: -152px; 
    border: 1px dashed #000000;
    text-align: center;
 }

/* 右边 */
 .atricle .right{
    width: 98px;
    float: left;
    margin-left: -102px;
    position: relative;
    right: -102px; 
    border: 1px dashed #000000;
    text-align: center;
 }

/* 中间 */
  .atricle .middle{
    width: 100%;
    float: left;
    border: 1px dashed #000000;
    text-align: center;
 }

/* 底部 */
 .footer{
    background-color: #0D7792;
    height: 33px;
    width: 100%;
    text-align: center;
    padding-top: 17px;
 }